const { defineConfig } = require('@vue/cli-service')

module.exports = defineConfig({
  transpileDependencies: true,
  
  // 开发服务器配置
  devServer: {
    port: 8081, // 前端开发服务器端口
    open: true, // 自动打开浏览器
    proxy: {
      // API代理配置
      '/api': {
        target: 'http://localhost:8080', // 后端服务器地址
        changeOrigin: true, // 支持跨域
        pathRewrite: {
          '^/api': '/api' // 路径重写
        },
        // 代理日志
        logLevel: 'debug'
      }
    }
  },
  
  // 生产环境配置
  productionSourceMap: false, // 不生成source map
  
  // 输出目录
  outputDir: 'dist',
  
  // 静态资源目录
  assetsDir: 'static',
  
  // 公共路径
  publicPath: process.env.NODE_ENV === 'production' ? './' : '/',
  
  // CSS配置
  css: {
    loaderOptions: {
      sass: {
        additionalData: `@import "@/assets/styles/variables.scss";`
      }
    }
  }
})
